<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器vue(自定义)</title>
    <script src="../vue.js"></script>
</head>
<body>
<!--自定义过滤器-->
<div id="app">
    {{message|uppercase}}
    {{message|uppercase}}
</div>

<script>
    window.onload = function(){
        /*
        * 过滤器 必须写在new Vue前面
        * 首字母大写的过滤器
        * */
        Vue.filter('uppercase', function(value) {
            if (!value) { return ''}
            value = value.toString()
            return value.charAt(0).toUpperCase() + value.slice(1)
        })

        var vm = new Vue({
            el:'#app',
            data: {
                message: 'test'
            }
        })
    }
</script>
</body>
</html>